<%@ page import="java.util.Calendar" %>
<%@ page import="java.text.SimpleDateFormat" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html lang="en">
<head>
    <title>鹰啸天</title>
    <!-- Meta-Tags -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="keywords"
          content="Hotel Booking Enquiry Form Widget Responsive, Login Form Web Template, Flat Pricing Tables, Flat Drop-Downs, Sign-Up Web Templates, Flat Web Templates, Login Sign-up Responsive Web Template, Smartphone Compatible Web Template, Free Web Designs for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- //Meta-Tags -->
    <!-- Custom-Style-Sheet -->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
    <link rel="stylesheet" href="css/jquery-ui.css" type="text/css" media="all">
    <!-- //Custom-Style-Sheet -->
    <!-- Fonts -->
    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800" type="text/css"
          media="all">
    <link href='//fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
    <!-- //Fonts -->
    <!-- Default-JavaScript -->
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></script>
    <style>
        .wthreesubmitaits {
            text-align: center;
        }

        /*定义头颜色,高度和宽度*/
        .tou_yang_shi {
            background-color: #0078D7;
            height: 60px;
            width: 100%;
        }

        #bian_ji {
            float: right;
            margin-top: 10px;
            margin-right: 15px;
        }

        #tou_wen_zi {
            float: left;
            margin-top: 10px;
            margin-left: 15px;
        }

        .exit{
            margin-top: 30px;
            align-content: center;
            color: red;
        }

        #tf{
            font-size: 28px;
            padding-top: 15px;
        }
    </style>
</head>
<!-- //Head -->
<!-- Body -->
<body>
<header class="tou_yang_shi">
    <div id="tou_wen_zi">
        <img src="${pageContext.request.contextPath}/images/log.png" width="50px" href="50px">
        <font color="black" size="5xp" face="楷体">鹰啸天 </font>
        <font color="black" size="5xp" id="dang_qian_fang_jian"></font>
    </div>
    <div id="bian_ji">
        <a class="edit-btn" href="${pageContext.request.contextPath}/pages/updateRoom.jsp?rid=${pageContext.request.getParameter("rid")}"><font color="black"
                                                                                                 size="5px">编辑</font></a>
    </div>
</header>
<h1>鹰啸天酒店</h1>
<div class="containerw3layouts-agileits">
    <div class="w3layoutscontactagileits">
        <h2>${pageContext.request.getParameter("rid")}</h2>
        <h5>房间类型 ${pageContext.request.getParameter("rt")} </h5><br/>
        <h5>房间价格${pageContext.request.getParameter("rp")}</h5>
        <div id="wrapper">
            <c:if test="${pageContext.request.getParameter('rf')=='空'}">
                <form action="${pageContext.request.contextPath}/client/add?rid=${pageContext.request.getParameter("rid")}"
                      method="post">
                    <div id="login" class="animate w3layouts agileits form">
                        <div class="ferry ferry-from">
                            <label>客户姓名</label>
                            <input type="text" name="clientName" placeholder="请输入姓名">
                        </div>
                        <div class="ferry ferry-from">
                            <label>身份证号</label>
                            <input type="text" name="clientIdcard" placeholder="请输入身份证">
                        </div>
                        <div class="book-pag agileits w3layouts">
                            <input type="hidden" name="clientDate"
                                   value="<%=new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(Calendar.getInstance().getTime())%>">
                            <input type="hidden" name="clientFlag" value="1">
                            <div class="book-pag-frm1 agileits w3layouts">
                                <label>截止日期</label><input name="clientEndtime" class="date agileits w3layouts"
                                                          id="datepicker2" type="text"
                                                          value="您离开我们的日子" onfocus="this.value = '';"
                                                          onblur="if (this.value == '') {this.value = '';}" required="">
                            </div>
                            <div class="clear"></div>
                        </div>

                        <div class="ferry ferry-from">
                            <label>叮嘱我们的事情</label>
                            <textarea id="message" name="message" placeholder="我们会尽最大的努力为您服务"
                                      title="Please enter Your Queries"></textarea>
                        </div>
                        <div class="wthreesubmitaits">
                            <input type="submit" name="submit" value="入住">
                        </div>
                    </div>
                </form>
            </c:if>
            <c:if test="${pageContext.request.getParameter('rf')=='满'}">
                <div id=""  style="height:400px" >
                    <div class="exit" >
                        <label style="font-size: 16px">姓名</label>
                        <h5 id="id1">${pageContext.request.getParameter("cn")}</h5>
                    </div>
                    <div class="exit"  >
                        <label style="font-size: 16px">身份证号</label>
                        <h5>${pageContext.request.getParameter("cc")}</h5>
                    </div>
                    <div class="exit" >
                        <label style="font-size: 16px">截止日期</label>
                        <h5>${pageContext.request.getParameter("ct")}</h5>
                    </div>
                    <div id="tf" >
                        <a href="${pageContext.request.contextPath}/client/del?cid=${pageContext.request.getParameter("cid")}&rid=${pageContext.request.getParameter("rid")}">退房</a>
                    </div>
                </div>
            </c:if>
        </div>
    </div>
</div>
<div class="w3lsfooteragileits">
    <p>&copy; 2019 地址 西安市未央区尚苑路与草滩六路交汇处附近东南 | 邮编 710000 <a href="主页面地址"
                                                           target="=_blank">鹰啸天酒店</a></p>
</div>
<!-- Necessary-JavaScript-Files-&-Links -->
<!-- Date-Picker-JavaScript -->
<script src="js/jquery-ui.js"></script>
<script>
    $(function () {
        $("#datepicker,#datepicker1,#datepicker2").datepicker();
    });
</script>
<!-- //Date-Picker-JavaScript -->
<!-- //Necessary-JavaScript-Files-&-Links -->
</body>
<!-- //Body -->
</html>